<!DOCTYPE html>
<html>
<head>
    <#import "../common/common.macro.ftl" as netCommon>
    <title>${title!"艺术上海"}</title>
    <meta charset="utf-8" />
    <meta name="keywords" content="${keywords?if_exists}" />
    <meta name="description" content="${description?if_exists}" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link href="/static/css/bootstrap.mini.css" rel="stylesheet" />
    <link href="/static/css/style.css" rel="stylesheet" />
    <link href="/static/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="/static/css/font-face.css" rel="stylesheet" />
    <link href="/static/css/common/index.css" rel="stylesheet" />
    <link href="/static/css/works/index.css" rel="stylesheet" />
    <link href="/static/css/header/index.css" rel="stylesheet" />
    <link href="/static/css/footer/index.css" rel="stylesheet" />
    <link href="/static/css/font/font-awesome.min.css" rel="stylesheet" />
    <link href="/static/js/swiper/swiper.min.css" rel="stylesheet" />
    <link rel="icon" type="image/png" href="/static/img/icon.png"/>
    <style>
        .content_H{
            width: 1180px;
            margin: 0 auto;
            position: relative;
        }

        .s-list{
            width: 1180px;
            margin: 0 auto;
            position: relative;
            padding: 30px;
        }

        .s-list ul{
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
        }

        .s-list ul li{
            padding: 3rem;
            width: 46%;
            margin: 10px;
            border-right: var(--bcolor) solid 1px;
            border-bottom: var(--bcolor) solid 1px;
            box-shadow: 10px 10px 10px rgba(0,0,0,.1);
            background: white;
            border-radius: .5rem;
            text-align: center;
        }

        .s-list ul li .date{
            display: flex;
            width: 100%;
            justify-content: space-between;
            padding-bottom: 2rem;
            align-items: center;
        }
        .s-list ul li .date span{
            display: block;
            font-size: var(--mid);
            font-weight: 600;
            white-space: nowrap;
        }
        .s-list ul li .date span.line{
            width: 100%;
            height: 4px;
            background: #e05c46;
            margin: 0 1rem;
        }

        .hotel-list{
            padding: 40px;
        }

        .hotel-list h1{
            font-weight: 300;
            padding-bottom: 3rem;
            font-size: 36px;
        }

        .hotel-list ul{
            display: flex;
            flex-wrap: wrap;
            margin: 0 -3rem;
        }

        .hotel-list ul li{
            width: 48%;
            border-right: var(--bcolor) solid 1px;
            padding:0 3rem;
        }

        .hotel-list ul li:nth-child(3n){
            border-right: none;
        }

        .hotel-list ul li .hotel-logo{
            width: 50%;
            margin: 2rem auto 0 auto;
        }

        .hotel-list ul li img{
            width: 100%;
            height: auto;
        }

        .hotel-info h3{
            font-weight: 400;
            font-size: 24px;
            margin-bottom: 10px;
        }

        .img-list {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            flex-wrap: wrap;
        }
        .img-list img{
            width: 20%;

        }
    </style>
</head>
<body>
<!-- header -->
<@netCommon.commonHeader "展会动态" menu i18n/>


<div class="content_H" style="margin-top: 90px">
    <div class="schedule-content">
        <div class="hotel-list" id="hotel">
            <h1>合作媒体</h1>
            <div class="img-list">
                <#list 10..50 as index>
                <img src="https://artshanghai.oss-cn-shanghai.aliyuncs.com/website2/%E5%AA%92%E4%BD%93%E7%89%88-${index}.jpg"/>
                </#list>

            </div>

        </div>
    </div>
</div>


<!-- footer -->
<@netCommon.commonFooter footer friendLink copyright i18n/>

<!-- script -->
<@netCommon.commonScript />






</body>
</html>
